#pag41 { /* splash screen */ background: white url(../img/splash-bg03.gif) no-repeat top center; /* background-position: contain; */ max-height: 100%; font-family: "Roboto Condensed", sans-serif; background-position-y: 150px; }
#pag41 #logo { overflow: auto; margin: 0 auto; width: 950px; }
#pag41 #logo .logoimg { float: left; padding: 20px; width: 200px; }
#pag41 #content { clear: both; overflow: auto; margin: 0 auto; width: 1200px; margin-top: 5vh; }
#pag41 #content .english, #pag41 #content .francais, #pag41 #content .espanol { width: 360px; float: left; color: #002a5a; }
#pag41 #content .english { margin-right: 50px; text-align: right; }
#pag41 #content .r1 { font-size: 2.2em; font-weight: normal; line-height: 1.2em; }
#pag41 #content .link { color: #a2b741; font-size: 2.2em; margin-top: 20px; }
#pag41 #content .english .link { text-align: right; }
#pag41 #content .english .link a { color: #077fdb; }
#pag41 #content .english .link a:hover { color: #002a5a; }
#pag41 #content .francais .link a { color: #077fdb; }
#pag41 #content .francais .link a:hover { color: #002a5a; }
#pag41 #content .espanol { text-align: center; margin-right: 50px; }
#pag41 #content .espanol .link a { color: #077fdb; }
#pag41 #content .espanol .link a:hover { color: #002a5a; }

.hero-unit-slider { margin-bottom: 40px; }
.hero-unit-slider #carousel-hero { max-height: 400px !important; overflow: hidden; background-color: #F5F5F5; }
.hero-unit-slider #carousel-hero .carousel-inner { max-height: 400px !important; }
.hero-unit-slider #carousel-hero .carousel-inner .container { position: relative; }
.hero-unit-slider #carousel-hero .carousel-inner .carousel-caption { position: absolute; bottom: 0px; right: 10px; top: auto; left: auto; padding: 10px; }
.hero-unit-slider #carousel-hero .carousel-inner h2, .hero-unit-slider #carousel-hero .carousel-inner .lead { text-shadow: rgba(0, 42, 90, 0.7) 3px 3px 5px; text-align: right; }
.hero-unit-slider #carousel-hero .carousel-inner h2 { font-size: 45px; font-weight: 200; }
.hero-unit-slider #carousel-hero .carousel-inner .lead { font-size: 22px; font-weight: 400; }
.hero-unit-slider #carousel-hero .carousel-inner .active img { max-height: 300px !important; margin: 0 auto; }

.home-blok { height: 180px; line-height: 140px; }
.home-blok h2 { color: #002a5a; margin-bottom: 20px; }
.home-blok .homeblok-tekst { display: inline-block; vertical-align: middle; line-height: 1.4em; }
.home-blok .homeblok-tekst a { display: inline-block; line-height: 1.4em; }
.home-blok .homeblok-tekst a:before { content: ''; background: url("../img/bullet_hcch.png") no-repeat center left/10px; padding: 0 7px; }
.home-blok ul { padding-left: 20px; font-size: 14px; list-style-image: url(../img/bullet_hcch.png); }
.home-blok .homeblok-picto { display: block; position: absolute; top: 70px; right: 40px; }

#hogeblokken .well { height: 300px; }

#lageblokken1 { margin-bottom: 20px; }
#lageblokken1 .home-blok { height: 220px; }

#lageblokken2 { margin-bottom: 20px; }

/* #home-news	{margin: 0; padding: 0;
	li	{list-style: none; padding: 5px 0;margin-bottom: 8px; border-bottom: 1px solid $blauw-20;}
} */
section#news { margin: 0 0 30px; }
section#news .news-item { background-repeat: no-repeat !important; }
section#news .news-item img { height: 92px; width: auto !important; }
section#news .news-item .thumb { background-color: #e6f0f7 !important; }
section#news .news-blok.well { height: 275px !important; background-color: #e6f0f7 !important; background-size: cover !important; }
section#news .well { position: relative; background-color: #e6f0f7; border-radius: 0; padding: 10px; height: 92px; line-height: 1.3em; }
section#news .well:hover { background-color: #cce1ef; }
section#news .well a { display: inline-block; width: 100%; height: 100%; color: #006bb0; }
section#news .well a:hover { color: #002a5a; }
section#news .well .inner { height: 70px; position: absolute; background: rgba(255, 255, 255, 0.8); left: 0; right: 0; bottom: 0; padding: 5px 10px; }
section#news .well.all-news { background-color: white; bborder: 1px solid #cce1ef; height: 52px; }
section#news .well.all-news:hover { background-color: #cce1ef; }
section#news .well.all-news p { font-size: 20px; line-height: 1.4em; margin: 0; text-transform: uppercase; text-align: center; }
section#news .well .datum { display: inline-block; line-height: 1.7em !important; color: #4a4a4a; }
section#news hr { border-top: 3px solid #eee; }

#homenieuws { margin-top: 50px; margin-bottom: 60px; /* videoblok */ /* .embed-responsive.embed-responsive-4by3 {height: 270px;background-color: black;
	.jwplayer {padding-top: 70px;}
}*/ }
#homenieuws .container { border-bottom: 3px solid #eee; }
#homenieuws .btn-primary { border: 1px solid #006bb0; background-color: white; color: #006bb0; border: none; font-size: 20px; margin: 10px 0 0; height: 50px; padding-top: 10px; text-transform: uppercase; text-align: center; display: block; border-radius: 0; }
#homenieuws .btn-primary:hover { background-color: #cce1ef; }
#homenieuws .embed-responsive.embed-responsive-4by3 { padding-bottom: 60%; }

.countdown { background-color: #00a7b3; padding-top: 10px; }
.countdown p { display: inline-block; width: auto; text-align: center; padding: 0.3em 1em 0.7em; color: white; border-radius: 4px; border-color: red; border-width: 0 0 3px 1px; }
.countdown p:not(:first-child) { margin-left: 20px; }
.countdown p span { display: inline-block; text-align: center; line-height: 1.2em; }
.countdown p span.getal { bborder: 1px solid blue; font-size: 3em; }
.countdown p span.titel { padding-left: 0.5em; font-size: 2em; }
.countdown--done { font-size: 1.7em; text-transform: uppercase; padding: 10px; margin-top: 0; }

.eventcountdown__event .inner { background: url("https://assets.hcch.net/images/original/6c2df8e3-d6be-4fa4-804a-f2a943a400e2.png") no-repeat left bottom; background-size: auto 100%; }
.eventcountdown__event .inner .text-midden { padding-left: 0; color: #ed561f; }
.eventcountdown__event .inner .text-midden p { text-align: center; color: #ed561f; font-weight: bold; }
.eventcountdown__event .inner h2 { color: #00a7b3; }
.eventcountdown__event .inner .text-white { height: 175px; font-size: 12px; background-color: #00a7b3; border-bottom: 4px solid #ed561f; padding: 30px 0 0; color: white; line-height: 1.3em; }
.eventcountdown__event .inner .text-white p { margin: 0; }
.eventcountdown__countdown .inner { height: 175px; border-bottom: 4px solid #ed561f; background-color: #00a7b3; padding: 30px 20px; color: white; }
.eventcountdown__countdown .inner p { font-weight: bold; }